
const option2 = {
  xAxis: {
    type: 'category',
    axisLabel: {
      interval: 0,
      rotate: 30,
      textStyle: {
        color: '#fff',
      },
    },
    axisLine: {
      show: true,
      lineStyle: {
        color: "white", //y轴线的颜色（若只设置了y轴线的颜色，未设置y轴文字的颜色，则y轴文字会默认跟设置的y轴线颜色一致）
        type: "solid", //y轴线为实线
      },
    },
    splitLine: { show: false },
    data: [
      '宏斯特',
      '永腾',
      '万恒',
      '大熙',
      '威捷',
      '长风',
      '泰安',
      '德帕斯',
      '冠钻',
      '宇弘研',
      '品洁',
      '斯倍',
    ],
  },
  tooltip: {
    //鼠标悬浮框的提示文字
    trigger: "axis",
    axisPointer: {
      // 坐标轴指示器配置项。
      type: "none", // 'line' 直线指示器  'shadow' 阴影指示器  'none' 无指示器  'cross' 十字准星指示器。
      axis: "auto", // 指示器的坐标轴。
      snap: true, // 坐标轴指示器是否自动吸附到点上
    },
    borderColor: "#5cdbd3",//设置自定义边框颜色
    borderWidth: 1,//设置自定义边框宽度
    backgroundColor: "rgba(0, 44, 140, 0.50)",//设置自定义背景
    confine: true,//是否将tooltip框限制在图表的区域内，默认为false
    extraCssText:
       //额外附加到浮层的css样式，此处为为浮层添加阴影及padding
      "box-shadow: 0 0 5px rgba(181, 245, 236, 0.5);padding:5px 15px",
    formatter: function (param) {
      let domName = `<span style="color: #e6f4ff;">${param[0].name}</span>`;
      let domValue = `<span style="color: #5cdbd3;">${param[0].value} 分</span>`;
      return domName + "<br>" + domValue;
    },//格式化悬浮框文字格式
  },
  yAxis: {
    type: 'value',
    max: 100,
    axisLabel: {
      formatter: '{value} 分',
      textStyle: {
        color: '#fff',
      },
    },
    axisLine: {
      show: true,
      lineStyle: {
        color: "white", //y轴线的颜色（若只设置了y轴线的颜色，未设置y轴文字的颜色，则y轴文字会默认跟设置的y轴线颜色一致）
        type: "solid", //y轴线为实线
      },
    },
    splitLine: { show: false },
  },
  series: [
    {
     
      


    //   emphasis:{
    //     label: { show: true ,position:'top'},
    //     areaColor: "#FFF",
    //     shadowColor: '#215380',
    //     shadowOffsetY: 5   // 关键在这
    //  },
     select:{
      areaColor: "#FFF",
      shadowColor: '#215380',
      shadowOffsetY: 5
   },
      color: {
        type: 'linear',
        // x2=1,y=0,柱子的颜色在水平方向渐变
        x2: 0,
        y2: 1,
        colorStops: [
          // 0%处的颜色
          {
            offset: 0,
            color: '#83bff6',
          },
          // 50%处的颜色
          {
            offset: 0.5,
            color: '#188df0',
          },
          // 100%处的颜色
          {
            offset: 1,
            color: '#188df0',
          },
        ],
        global: false // 缺省为 false
      },
      data: [
        87,
        {
          value: 65,
        },
        75,
        80,
        92,
        83,
        58,
        95,
        79,
        83,
        78,
        98,
      ],
      type: 'bar',
    },
  ],
};
export default option2